<div class="col-md-3 left_col menu_fixed">
    <div class="left_col scroll-view">
        <!--<div class="navbar nav_title" style="border: 0;">-->
            <!--<a href="{:url('Index/index')}" class="site_title">-->
                <!--<img src="__PUBLIC__/images/logo1.png" alt="..." class="" style="width: 80%;">-->
            <!--</a>-->
        <!--</div>-->

        <div class="clearfix"></div>

        <!-- menu profile quick info -->
        <div class="profile clearfix">
            <div class="profile_pic">
                {if condition="$current_admin.avatar"}
                <img src="{$current_admin.avatar}" alt="..." class="img-circle profile_img">
                {else /}
                <img src="__PUBLIC__/images/default_admin.png" alt="..." class="img-circle profile_img">
                {/if}
            </div>
            <div class="profile_info">
                <span>欢迎登入系统</span>
                <h2>{$current_admin.name}</h2>
            </div>
        </div>
        <!-- /menu profile quick info -->

        <br />

        <!-- sidebar menu -->
        <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
            {:generate_menu()}
            <!--<div class="menu_section">-->
                <!--<ul class="nav side-menu">-->
                    <!--<li>-->
                        <!--<a href="{:url('Index/index')}">-->
                            <!--<i class="fa fa-home"></i>-->
                            <!--首页-->
                        <!--</a>-->
                    <!--</li>-->

                    <!--<li>-->
                        <!--<a>-->
                            <!--<i class="fa fa-edit"></i>-->
                            <!--管理员-->
                            <!--<span class="menu_chevron fa fa-chevron-left"></span>-->
                        <!--</a>-->
                        <!--<ul class="nav child_menu">-->
                            <!--<li>-->
                                <!--<a href="{:url('Admin/roleList')}">角色管理</a>-->
                            <!--</li>-->
                            <!--<li>-->
                                <!--<a href="{:url('Admin/adminList')}">用户管理</a>-->
                            <!--</li>-->
                        <!--</ul>-->
                    <!--</li>-->

                    <!--<li>-->
                        <!--<a>-->
                            <!--<i class="fa fa-desktop"></i>-->
                            <!--会员管理-->
                            <!--<span class="menu_chevron fa fa-chevron-left"></span>-->
                        <!--</a>-->
                        <!--<ul class="nav child_menu">-->
                            <!--<li><a href="{:url('Member/all')}">会员列表</a></li>-->
                            <!--<li><a href="{:url('Member/all',array('root'=>1))}">系统会员</a></li>-->
                        <!--</ul>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<a>-->
                            <!--<i class="fa fa-table"></i>-->
                            <!--商品管理-->
                            <!--<span class="menu_chevron fa fa-chevron-left"></span>-->
                        <!--</a>-->
                        <!--<ul class="nav child_menu">-->
                            <!--<li><a href="{:url('Water/index')}">矿泉水</a></li>-->
                            <!--<li><a href="{:url('WaterTicket/index')}">水票</a></li>-->
                            <!--<li><a href="#">商城商品</a></li>-->
                        <!--</ul>-->
                    <!--</li>-->

                    <!--<li>-->
                        <!--<a>-->
                            <!--<i class="fa fa-table"></i>-->
                            <!--系统设置-->
                            <!--<span class="menu_chevron fa fa-chevron-left"></span>-->
                        <!--</a>-->
                        <!--<ul class="nav child_menu">-->
                            <!--<li><a href="#">基础设置</a></li>-->
                            <!--<li><a href="#">系统公告</a></li>-->
                            <!--<li><a href="{:url('Advert/index')}">广告设置</a></li>-->
                        <!--</ul>-->
                    <!--</li>-->
                <!--</ul>-->
            <!--</div>-->

        </div>
        <!-- /sidebar menu -->

        <!-- /menu footer buttons -->
        <div class="sidebar-footer hidden-small">
            <a href="{:url('Login/logout')}" data-toggle="tooltip" data-placement="top" title="退出系统" style="width: 100%;">
                <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
            </a>
        </div>
        <!-- /menu footer buttons -->
    </div>
</div>
<style>
    #msg_tips{
        width: 120px;
        height: 30px;
        position: fixed;
        z-index: 9999999;
        bottom: 20px;
        right: 50px;
        line-height: 18px;
        text-align: center;
    }
    #msg_list{
        display: none;
        position: fixed;
        z-index: 9999;
        list-style-type: none;
        background-color: white;
        bottom: 50px;
        right: 54px;
        width: 120px;
        margin: 0;
        padding-left: 0;
        text-align: center;
        border-radius: 5px;
        max-height: 220px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    #msg_list li{
        margin: 5px 0;
        padding: 5px 0;
        cursor: pointer;
    }
    #msg_list li .tips{
        border-radius: 15px;
        background-color: red;
        width: 10px;
        height: 10px;
        display: inline-block;
        line-height: 15px;
    }
</style>
<ul id="msg_list">
    {foreach $data_list as $dl}
    <li class="user_{$dl.user_id}" data-user_id="{$dl.user_id}" data-last_id="{$dl.last_id}" data-origin_id="{$dl.origin_id}" data-nick_name="{$dl.nick_name|default='未设置'}">{$dl.nick_name|default='未设置'} <span></span></li>
    {/foreach}
</ul>
<div id="msg_tips" class="btn btn-primary">
    <span>暂无消息</span>
</div>
<script>
    $(function () {
        $("#msg_tips").click(function () {
            $("#msg_list").slideToggle();
        });
        $("#msg_list").on("click", "li", function () {
            let user_id = $(this).data("user_id"), nick_name=$(this).data("nick_name");
            $(this).data("last_id", $(this).data("origin_id"));
            layer.open({
                type:2,
                title:'与'+nick_name+'的聊天',
                content:"{:url('Chat/index')}?user_id="+user_id,
                area:['40%', '60%'],
            })
        });
        getChatStatus();
        setInterval(function () {
            getChatStatus()
        }, 3000)
    })

    function getChatStatus() {
        let msg_list = $("#msg_list").find("li");
        let data = [];
        $.each(msg_list, function (i,v) {
            data.push({
                user_id:$(v).data("user_id"),
                last_id:$(v).data("last_id"),
                nick_name:$(v).data("nick_name")
            });
        });
        $.post("{:url('Chat/getStatus')}", {data:data}, function (res) {
            let msg_data = res.data.msg_data, msg_status = res.data.msg_status;
            if(msg_status == 1){
                $("#msg_tips").html('<span>未读消息</span>');
            }else{
                $("#msg_tips").html('<span>暂无消息</span>');
            }
            let _li = "";
            $.each(msg_data, function (i,v) {
            _li += '<li data-user_id="'+v.user_id+'" data-last_id="'+v.last_id+'" data-origin_id="'+v.origin_id+'" data-nick_name="'+v.nick_name+'">'+v.nick_name+' ';
            if(v.status == 1){
                _li += '<span class="tips"></span>';
            }else{
                _li += '<span></span>';
            }
            _li += '</li>';
            });
            $("#msg_list").html(_li);
        });
    }

</script>